<template>
  <div class="logo">
    <router-link :to="{name:'dashboard'}">

      <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
      <img :src = "this.mylogo"  alt="logo">

      <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->

      <h1 v-if="showTitle">{{ title }}</h1>
    </router-link>
  </div>
</template>

<script>
import { mixin, mixinDevice } from '@/utils/mixin.js'
import {getCompanyInfo } from '@/api/api'
import { getFileAccessHttpUrl } from '@/api/manage';
export default {
  name: 'Logo',
  mixins: [mixin],
  data() {
    return {
      mylogo: '~@/assets/logo.svg',
      title: '珠宝精灵MES',
    }
  },
  props: {
    showTitle: {
      type: Boolean,
      default: true,
      required: false
    }
  },
  created () {
    getCompanyInfo().then(res=>{
      if(res.success){
        this.title = res.result.comanyNameZh

        this.mylogo=getFileAccessHttpUrl(res.result.comanyLogoString)
        console.log("mylogo-------------"+this.mylogo)
      }
    });
  },
}
</script>
<style lang="less" scoped>
/*缩小工作台布 局顶部的高度*/
@height: 59px;

.sider {
  box-shadow: none !important;
  .logo {
    height: @height !important;
    line-height: @height !important;
    box-shadow: none !important;
    transition: background 300ms;

    a {
      color: white;
      &:hover {
        color: rgba(255, 255, 255, 0.8);
      }
    }
  }

  &.light .logo {
    background-color: @primary-color;
  }
}
</style>